<!--suppress ALL -->
<template>
<div class="wrap">
    <div class="main">
        <div class="top" >
            <span class="span">
                <h2>
                <a @click="openHomePage" >首页</a>
                >
                <a @click="openParnterCenterPage" >伙伴中心</a>
                >
                <a>案例详情</a>
                </h2>
            </span>
        </div>
        <div class="middle">
            <el-card class="card_box1">
                <el-row class="el-row-img">
                    <el-col :span="12">
                        <img class="img" src="../../assets/goods.png" />
                    </el-col>
                    <el-col :span="12">
                        <span class="product_name">华为云平台</span>
                        <el-row class="title_base_desc">
                            <div class="base_desc">
                                用户可以在华为云上快速搭建桌面云平台，实现便捷、安全的云上Linux、Windows桌面办公环境。包括便捷的桌面环境创建、部署、统一管理与运维。
                            </div>
                        </el-row>
                        <el-row class="el-row-count">
                            <el-col :span="4"><div class="v-align">总计</div></el-col>
                            <el-col :span="4" :offset="4"><div class="v-align">￥888888</div></el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="4">
                                <div class="v-align">购买方式</div>
                            </el-col>
                            <el-col :span="2" :offset="4">
                                <el-button>按月</el-button>
                            </el-col>
                            <el-col :span="2" :offset="4">
                                <el-button>按年</el-button>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="4">
                                <div class="v-align">联系方式</div>
                            </el-col>
                            <el-col :span="8" :offset="4">
                                <span class="v-align">0771-123456</span>
                            </el-col>
                        </el-row>
                    </el-col>
                </el-row>

            </el-card>
            <el-card class="card_box2">
                <h3 class="title_class">案例详情</h3>
                <el-divider></el-divider>
                <div class="detail_desc">
                    本产品提供三种规格的部署方式，以虚拟机license数方式交付，价格不包含云桌面中应用软件以及Windows授权等的费用，桌面云部署资源需额外购买（详细方案请联系我们）<br><br>一、鲲鹏桌面云（支持Linux桌面）<br>        需购买华为云鲲鹏ECS服务器作为管理平台，管理在华为云上的弹性计算资源提供Linux桌面办公环境，使用基于国产芯片的瘦终端访问云桌面。<br>        10user规格ECS推荐配置： CPU核数:2 核; 内存值:4 GB; 系统盘值:40 GB; 镜像类型:Linux <br>         50user规格ECS推荐配置： CPU核数:4 核; 内存值:4 GB; 系统盘值:40 GB; 镜像类型:Linux <br>         100user规格ECS推荐配置： CPU核数:8 核; 内存值:8 GB; 系统盘值:40 GB; 镜像类型:Linux <br>        作为云桌面虚拟机的ECS资源视实际需求进行购买<br><br>二、X86桌面云（支持Linux、Windows桌面）<br>        需购买华为云x86架构BMS服务器安装桌面云系统作为虚拟化平台，桌面云系统利用BMS服务器计算资源提供Windows、Linux云桌面办公环境，可使用基于x86架构的瘦终端、Windows软终端以及web浏览器进行云桌面的访问。<br>         普通办公桌面，推荐使用CPU主频≥2.2GHz的BMS服务器，每CPU核心支持2个普通办公桌面
                </div>
            </el-card>
        </div>
    </div>
</div>
</template>

<script>
    export default {
        data() {
            return {

            }
        },
        methods: {
            openHomePage() {
                this.$router.push({ name: "home" });
            },
            openParnterCenterPage() {
                this.$router.push({ name: "partner2" });
            }
        }
    }
</script>

<style lang="less" scoped>
    .wrap{
        background-color: #F4F5F9;
        .main{
            width: 960px;
            height: 100%;
            // height: 600px;
            background-color: #F4F5F9;
            margin: 0 auto;
            .top{
                display: table-cell;
                width: 960px;
                height: 58px;
                background-color: #F4F5F9;
                .span{
                    position: relative;
                    top: 50%;
                    transform: translateY(-50%);
                    padding-left: 50px;
                }
            }
            .middle{
                .card_box1{
                    height: 350px;
                    margin: 60px 0;
                    .image_class{
                        width: 400px;
                        height: 300px;
                    }
                    .img{
                        width: 400px;
                        height: 300px;
                    }
                    .product_name{
                        padding-top: 40px;
                        font-size: 20px;
                        font-weight: 600;
                        text-align: left;
                        color: #252b3a;
                        line-height: 26px;
                    }
                    .base_desc{
                        margin-top: 4px;
                        font-size: 12px;
                        color: #a0a2a8;
                        line-height: 18px;
                    }
                    .title_base_desc{
                        padding: 5px 10px 0 0;
                    }
                    .el-row-count{
                        /*padding-top: 15px;*/
                    }
                    .el-row{
                        padding-bottom: 10px;
                        height: 50px;
                        margin: 0 auto;
                    }
                    .v-align{
                        margin: 0 auto;
                        width: 80px;
                        height: 32px;
                        line-height: 32px;
                        /*text-align: center;*/
                        /*border: 1px solid #ddd;*/
                    }
                }
                .card_box2{
                    height: 400px;
                    margin: 60px 0 100px 0;
                    .image_class{
                        width: 400px;
                        height: 300px;
                    }
                    .img{
                        width: 400px;
                        height: 300px;
                    }
                }
                .title_class{
                    font-size: 18px;
                    font-weight: 600;
                    text-align: left;
                    color: #252b3a;
                    line-height: 22px;
                }
                .detail_desc{
                    font-size: 14px;
                    line-height: 1.5;
                    color: #6F7479;
                }
            }
        }
    }
</style>
